﻿<%@ Page Title="" Language="C#" MasterPageFile="~/Main.Master" AutoEventWireup="true" CodeBehind="DocTin.aspx.cs" Inherits="IMark.DocTin" %>
<%@ Register src="UC/DanhMucBaiVietCtrl.ascx" tagname="DanhMucBaiVietCtrl" tagprefix="uc1" %>
<%@ Register src="UC/SanPhamMoiNhatCtrl.ascx" tagname="SanPhamMoiNhatCtrl" tagprefix="uc1" %>
<asp:Content ID="Content1" ContentPlaceHolderID="head" runat="server">
</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="ContentPlaceHolder1" runat="server">
   <div id="fb-root"></div>
<script>(function (d, s, id) {
    var js, fjs = d.getElementsByTagName(s)[0];
    if (d.getElementById(id)) return;
    js = d.createElement(s); js.id = id;
    js.src = "//connect.facebook.net/vi_VN/sdk.js#xfbml=1&appId=1611204585776405&version=v2.0";
    fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>
    <!-- end: Page title -->
<div class="row clearfix f-space10"></div>
<div class="container"> 
  <!-- row -->
  <div class="row"> 
    <!--   Single Post -->
    <div class="col-md-9 col-sm-12 col-xs-12 main-column box-block blog-single"> 
      <!-- Post Image -->
      <div class="post-image">
        <asp:Image ID="imgTin" runat="server" CssClass="ani-image" alt="Blog title" Width="870" Height="320"/> <%--<img src="images/blog/image1-lg.jpg" class="ani-image" alt="Blog title">--%> </div>
      <!-- end: Post Image -->
      <div class="post-title">
        <h1><label id="TieuDe" runat="server"></label></h1>
          
      </div>
      
      <!-- Post Info -->
      <div class="post-info clearfix">
        <ul class="pinfo">
          <li><i class="fa fa-calendar"></i><a href="#a"><span id="NgayTao" runat="server"></span></a></li>
          <%--<li><i class="fa fa-folder-open"></i><a href="#a"></a></li>--%>
          <li><i class="fa fa-user"></i><a href="TinTuc.aspx?IDTacGia=<%=IDTacGia %>"><span id="NguoiTao" runat="server"></span></a></li>
          <%--<li><i class="fa fa-comments-o"></i><a href="#a">3 Comments</a></li>--%>
          <li class="sharethis btn dropdown hidden-xs"><i class="fa fa-share-square-o"></i><a class="dropdown-toggle" data-toggle="dropdown" data-hover="dropdown" href="#a">Chia Sẻ</a>
            <ul class="dropdown-menu">
              <li><a class="sharefacebook addthis_button_facebook addthis-btn"> <i class="fa fa-facebook-square"></i> Facebook</a> </li>
              <li><a class="sharegoogleplus addthis_button_google_plusone_share addthis-btn"><i class="fa fa-google-plus-square"></i> Google+ </a></li>
              <li><a class="sharetwitter addthis_button_twitter addthis-btn"><i class="fa fa-twitter-square"></i> Twitter</a></li>
              <li><a class="sharepinterest addthis_button_compact addthis-btn"><i class="fa fa-pinterest-square"></i> More </a></li>
                <script type="text/javascript">
                    var addthis_config = { "data_track_addressbar": true };
</script> 
            </ul>
          </li>
        </ul>
      </div>
    <script src="js/300/addthis_widget.js"></script>
      <!-- end: Post Info --> 
      
      <!-- Post Text -->
      <div  class="post-text clearfix">
        <span id="NoiDung" runat="server"></span>
      </div>
      
      <!-- Post Text -->
      <div class="clearfix f-space10"></div>
      
      <!-- Post Tags -->
      <%--<div class="box-content clearfix">
        <div class="tags">Tags: <a href="#a">Free</a> <a href="#a">Minimal</a> <a href="#a">Clean</a> <a href="#a">Flatro</a> <a href="#a">Metro</a> <a href="#a">Flat</a> <a href="#a">Blue</a> <a href="#a">Fashion</a> <a href="#a">Best</a> <a href="#a">Popular</a> <a href="#a">Good</a> </div>
      </div>--%>
      <!-- end: Post Tags -->
      <div class="clearfix f-space30"></div>
      <!-- Author Info -->
      
      <%--<div class="box-content clearfix">
        <div class="post-author">
          <div class="image"> <img src="images/blog/noimage-user.jpg" alt="author"></div>
          <div class="author-info"> <span><a href="#a">John Doe</a> -  post author</span>
            <p>Quisque velit nisi, pretium ut lacinia in, elementum id enim. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Donec velit neque, auctor sit amet aliquam vel.</p>
            <ul>
              <li><a href="#a"><i class="fa fa-facebook fa-fw"></i></a></li>
              <li><a href="#a"><i class="fa fa-twitter fa-fw"></i></a></li>
              <li><a href="#a"><i class="fa fa-google-plus fa-fw"></i></a></li>
              <li><a href="#a"><i class="fa fa-pinterest fa-fw"></i></a></li>
              <li><a href="#a"><i class="fa fa-linkedin fa-fw"></i></a></li>
              <li><a href="#a"><i class="fa fa-envelope-o fa-fw"></i></a></li>
              <li><a href="#a"><i class="fa fa-skype fa-fw"></i></a></li>
              <li><a href="#a"><i class="fa fa-youtube fa-fw"></i></a></li>
            </ul>
          </div>
        </div>
      </div>--%>
      <!-- end: Author Info -->
      <div class="clearfix f-space30"></div>
      <!-- Comments -->
      
      <div class="box-heading clearfix"><span>Comments</span></div>
     <%-- <div class="box-content clearfix"> 
        <!--  Comment Box -->
        <div class="comment-box">
          <div class="user-image image"><img src="images/blog/noimage-user.jpg" alt="userimage"></div>
          <div class="user-info"> <span class="username"><a href="#a">John Doe</a></span>
            <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec rutrum congue leo eget malesuada. Pellentesque in ipsum id orci porta dapibus.</p>
            <span>5 days ago</span> <span class="sp">|</span> <span><a href="#a">Reply</a></span> <span class="sp">|</span> <span><a href="#a">Like</a></span> <span>4 <i class="fa fa-heart fa-fw"></i></span> </div>
        </div>
        <!-- end: Comment Box --> 
        
        <!--  Reply Comment Box -->
        <div class="comment-box reply">
          <div class="user-image image"><img src="images/blog/noimage-user.jpg" alt="userimage"></div>
          <div class="user-info"> <span class="username"><a href="#a">John Doe</a></span>
            <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec rutrum congue leo eget malesuada. Pellentesque in ipsum id orci porta dapibus.</p>
            <span>5 days ago</span> <span class="sp">|</span> <span><a href="#a">Reply</a></span> <span class="sp">|</span> <span><a href="#a">Like</a></span> <span>4 <i class="fa fa-heart fa-fw"></i></span> </div>
        </div>
        <!-- end: Reply Comment Box --> 
        
        <!--  Comment Box -->
        <div class="comment-box">
          <div class="user-image image"><img src="images/blog/noimage-user.jpg" alt="userimage"></div>
          <div class="user-info"> <span class="username"><a href="#a">John Doe</a></span>
            <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec rutrum congue leo eget malesuada. Pellentesque in ipsum id orci porta dapibus.</p>
            <span>5 days ago</span> <span class="sp">|</span> <span><a href="#a">Reply</a></span> <span class="sp">|</span> <span><a href="#a">Like</a></span> <span>0 <i class="fa fa-heart fa-fw"></i></span> </div>
        </div>
        <!-- end: Comment Box --> 
        
      </div>--%>
      <div class="fb-comments" data-href="" data-numposts="5" data-colorscheme="light"></div>
      <!-- end: Comments -->
      <%--<div class="clearfix f-space30"></div>
      <div class="clearfix f-space30"></div>--%>
      <!-- Add Reply -->
      
      <%--<div class="box-content clearfix">
        <div class="comment-reply"> <span class="title">Leave a Reply</span>
          <form>
            <div class="col-md-5">
              <input class="name" id="name" value="" placeholder="Name*">
              <input class="name" id="email" value="" placeholder="Email* (will not be published)">
              <input class="name" id="website" value="" placeholder="Website">
            </div>
            <div class="col-md-7">
              <textarea name="message-area" id="message" rows="7" cols="60">Comment</textarea>
            </div>
            <div class="col-md-8"> <span class="instruction"> Do not post violating content,. You may use these HTML tags and attributes: &lt;a href="" title=""&gt; &lt;abbr title=""&gt; &lt;acronym title=""&gt; &lt;b&gt; &lt;blockquote cite=""&gt; &lt;cite&gt; &lt;code&gt; &lt;del datetime=""&gt; &lt;em&gt; &lt;i&gt; &lt;q cite=""&gt; &lt;strike&gt; &lt;strong&gt; </span></div>
            <div class="col-md-4">
              <button class="btn medium color2 pull-right" type="submit">Post Comment</button>
            </div>
          </form>
        </div>
      </div>--%>
      <!-- end: Add Reply --> 
      
    </div>
    <!--   end: Single Post --> 
    
    <!-- side bar -->
    <div class="col-md-3 col-sm-12 col-xs-12 box-block page-sidebar">
      <!-- Blog Categories -->
      <uc1:DanhMucBaiVietCtrl ID="DanhMucBaiVietCtrl1" runat="server" />
      <!-- end: Blog Categories -->
      <div class="clearfix f-space30"></div>
      <!-- Best Sellers Products -->
      <uc1:SanPhamMoiNhatCtrl ID="SanPhamMoiNhatCtrl1" runat="server" />
      <!-- end: Best Sellers Products -->
      <div class="clearfix f-space30"></div>
      <!-- Recent/Popular/Comments --> 
      <!-- Nav tabs -->
      <ul class="nav nav-tabs blog-tabs nav-justified">
        <li class="active"><a href="#recent" data-toggle="tab">Recent</a></li>
        <li><a href="#popular" data-toggle="tab">Popular</a></li>
        <li> <a href="#comments" data-toggle="tab"> <i class="fa fa-comments"></i> </a> </li>
      </ul>
      <!-- Tab panes -->
      <div class="tab-content">
        <div class="tab-pane active" id="recent">
          <ul class="recent-posts">
            <li class="post-summery-list"> <a class="small-post-image" href="#a" title="Blog Post One"> <img alt="post image" class="img" height="88" src="images/blog/noimage-sm.jpg" title="title" width="88"></a>
              <div class="post-summery"> <a href="#a" title="Blog Post One"><span class="title">Blog Post
                One...</span></a>
                <p>Next generation meth odologies before and progr essive materials.</p>
              </div>
            </li>
            <li class="post-summery-list"> <a class="small-post-image" href="#a" title="Blog Post Two"> <img alt="post image" class="img" height="88" src="images/blog/noimage-sm.jpg" title="title" width="88"></a>
              <div class="post-summery"> <a href="#a" title="Blog Post Two"><span class="title">Blog Post
                Two...</span></a>
                <p>Next generation meth odologies before and progr essive materials.</p>
              </div>
            </li>
            <li class="post-summery-list"> <a class="small-post-image" href="#a" title="Blog Post Three"> <img alt="post image" class="img" height="88" src="images/blog/noimage-sm.jpg" title="title" width="88"></a>
              <div class="post-summery"> <a href="#a" title="Blog Post Three"><span class="title">Blog Post
                Three...</span></a>
                <p>Next generation meth odologies before and progr essive materials.</p>
              </div>
            </li>
          </ul>
        </div>
        <div class="tab-pane" id="popular">
          <ul class="popular-posts">
            <li class="post-summery-list"> <a class="small-post-image" href="#a" title="Blog Post One"> <img alt="post image" class="img" height="88" src="images/blog/noimage-sm.jpg" title="title" width="88"></a>
              <div class="post-summery"> <a href="#a" title="Blog Post One"><span class="title">Blog Post
                One...</span></a>
                <p>Next generation meth odologies before and progr essive materials.</p>
              </div>
            </li>
            <li class="post-summery-list"> <a class="small-post-image" href="#a" title="Blog Post Two"> <img alt="post image" class="img" height="88" src="images/blog/noimage-sm.jpg" title="title" width="88"></a>
              <div class="post-summery"> <a href="#a" title="Blog Post Two"><span class="title">Blog Post
                Two...</span></a>
                <p>Next generation meth odologies before and progr essive materials.</p>
              </div>
            </li>
            <li class="post-summery-list"> <a class="small-post-image" href="#a" title="Blog Post Three"> <img alt="post image" class="img" height="88" src="images/blog/noimage-sm.jpg" title="title" width="88"></a>
              <div class="post-summery"> <a href="#a" title="Blog Post Three"><span class="title">Blog Post
                Three...</span></a>
                <p>Next generation meth odologies before and progr essive materials.</p>
              </div>
            </li>
          </ul>
        </div>
        <div class="tab-pane" id="comments">
          <ul class="recent-comments">
            <li class="post-comments-list">
              <div class="post-comments"> <a href="#a" title="Blog Post One">Next generation meth odologies before
                and progr essive materials.</a> <em>- Posted on April 22, 2013</em></div>
            </li>
            <li class="post-comments-list">
              <div class="post-comments"> <a href="#a" title="Blog Post One">Next generation meth odologies before
                and progr essive materials.</a> <em>- Posted on April 22, 2013</em></div>
            </li>
            <li class="post-comments-list">
              <div class="post-comments"> <a href="#a" title="Blog Post One">Next generation meth odologies before
                and progr essive materials.</a> <em>- Posted on April 22, 2013</em></div>
            </li>
            <li class="post-comments-list">
              <div class="post-comments"> <a href="#a" title="Blog Post One">Next generation meth odologies before
                and progr essive materials.</a> <em>- Posted on April 22, 2013</em></div>
            </li>
          </ul>
        </div>
      </div>
      <!-- end: Tab panes --> 
      <!-- end: Recent/Popular/Comments -->
      <div class="clearfix f-space30"></div>
      <!-- tags -->
      <div class="box-heading"><span>Tags</span></div>
      <div class="box-content">
        <div class="tags"> <a href="#a">Free</a> <a href="#a">Minimal</a> <a href="#a">Clean</a> <a href="#a">Flatro</a> <a href="#a">Metro</a> <a href="#a">Flat</a> <a href="#a">Blue</a> <a href="#a">Fashion</a> <a href="#a">Best sale</a> <a href="#a">Popular</a> <a href="#a">Object</a> <a href="#a">UI/UX</a> <a href="#a">Design</a> <a href="#a">Layout</a> </div>
      </div>
      <!-- end: tags -->
      
      <div class="clearfix f-space30"></div>
      
      <!-- twitter widget box -->
      <div class="twitter-block">
        <div class="box-content">
          <div class="twitter-box"> <i class="fa fa-twitter fa-fw"></i>
            <div class="title">Latest Tweets</div>
            <div class="carousel-fade slide" id="tweets">
              <div class="carousel-inner"> 
                <!-- tweet -->
                <div class="tweet item active"><span>RT: <em>@Interactively</em> implement unique e-business with dynamic benefits. Authoritatively target
                  sustainable paradigms before strategic architectures. <b> http://goo.gl/4N8JN </b>- <em>@flatro</em> <br>
                  <br>
                  about 8 hours ago</span></div>
                <!-- end: tweet --> 
                <!-- tweet -->
                <div class="tweet item"><span>RT: <em>@Architectures</em> paradigms before strategic architectures implement unique e-business with
                  dynamic benefits. Authoritatively target sustainable. <b> http://goo.gl/4N8JN </b>- <em>@flatro</em> <br>
                  <br>
                  about 2 hours ago</span></div>
                <!-- end: tweet --> 
              </div>
            </div>
          </div>
        </div>
      </div>
      <!-- end: twitter widget box -->
      
      <div class="clearfix f-space30"></div>
      
      <!-- Get Updates Box -->
      <div class="box-content">
        <div class="subscribe">
          <div class="heading">
            <h3>Get updates</h3>
          </div>
          <div class="formbox">
            <form>
              <i class="fa fa-envelope fa-fw"></i>
              <input class="form-control" id="InputUserEmail" placeholder="Your e-mail..." type="text">
              <button class="btn color1 normal pull-right" type="submit">Sign
              up</button>
            </form>
          </div>
        </div>
      </div>
      <!-- end: Get Updates Box --> 
      
    </div>
    <!-- end:sidebar --> 
  </div>
  <!-- end:row --> 
</div>
<!-- end: container-->

    <script type="text/javascript">
        
        $(document).ready(function () {
            
            $(document).ready(function () {
                var URL = encodeURIComponent(location.href);
                $(".fb-comments").attr('data-href', URL.substr(0, URL.indexOf("%23")));
            });
        })
        //function getParameterByName(name) {
        //    name = name.replace(/[\[]/, "\\[").replace(/[\]]/, "\\]");
        //    var regex = new RegExp("[\\?&]" + name + "=([^&#]*)"),
        //        results = regex.exec(location.search);
        //    return results === null ? "" : decodeURIComponent(results[1].replace(/\+/g, " "));
        //}
    </script>

</asp:Content>
